<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .flex-container {
            display: flex;      /* 启用 Flexbox */
            gap: 10px;         /* 设置子元素间距 */
        }
        .box {
            background: lightblue;
            padding: 20px;
        }
    </style>
</head>
<body>
<div style="background-color: #666666;height: 200px ;font-size:0;">
    <div style="background-color: #007bff;display: inline-block ;font-size:16px;">你好</div>
<!--    <p accesskey="s" tabindex="1" style="display: inline-block;">这是另一段文本</p>-->
    <div style="display: inline-block;background-color: #0056b3;font-size:16px;">世界</div>
    <img src="../static/1.png" alt="some text" style="height: 50%">
</div>

<div class="flex-container">
    <div class="box">块1</div>
    <div class="box">块2</div>
    <div class="box">块3</div>
</div>

<p><span> 你好你好</span></p>
</body>
</html>